<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>高手班简章</title>
		<style>
			.contentr{
				width: 310px;
				font-size: 12px;
			}
			.title{
				text-align: center;
				color: red;
				font-size: 20px;
				font-weight: bold;
			}
			.subtitle{
				text-align: center;
				font-size: 18px;
				font-weight: bold;
				padding: 5px 0px 5px 0px;
			}
			.content1{
				background-color: darkturquoise;
				line-height: 27px;
				margin-bottom: 5px;
				margin-top: 5px;
				color: white;
			}
			.content2{
				background-color: red;
				line-height: 27px;
				color: white;
			}
			.number{
				background-color: black;
				width: 20px;
				margin-left: 5px;
				display: inline-table;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="contentr">
			<div class="title">高手班(升职加薪理器)</div>
			<div class="subtitle">第一部分:基础知识进阶(齐雷)</div>
			<div class="content1"><span class="number">1</span>新接口规范、Lambda表达式、Stream流、新日期</div>
			<div class="content2"><span class="number">2</span>新接口规范、Lambda表达式、Stream流、新日期</div>
			<div class="content1"><span class="number">3</span>新接口规范、Lambda表达式、Stream流、新日期</div>
			<div class="content2"><span class="number">4</span>新接口规范、Lambda表达式、Stream流、新日期</div>
		</div>
	</body>
</html>
